<template>
  <div class="margin-box">
    <dataList
      placeholder="请输入项目名称"
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectDataArr"
      searchName="buildingName"
      :menuList="['add','delete']"
      :filterList="filterList"
      @menu-click="handleMenuClick"
      openSelection
    >
      <el-table ref="multipleTable" align="center" :data="tableData" style="width: 100%" @selection-change="$event => (selectDataArr = $event)">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="楼栋编号" width="150" prop="buildingCode"></el-table-column>
        <el-table-column label="楼栋名称" prop="buildingName"></el-table-column>
        <el-table-column label="建筑面积(m²)" prop="floorArea"></el-table-column>
        <el-table-column label="建设单位" prop="constructionUnit"></el-table-column>
        <!--                <el-table-column label="竣工时间"  :formatter="dateFormat" prop="completeTime"></el-table-column>-->
        <el-table-column label="地址" width="200">
          <template slot-scope="scope">{{ scope.row.address}}</template>
        </el-table-column>
        <el-table-column label="操作" width="180">
          <template slot-scope="scope">
            <el-button v-if="scope.row.isVr == '1'" type="text">
              <a style="color: #409EFF" :href="scope.row.vrUrl" target="_blank">VR房源</a>
            </el-button>
            <el-button type="text" @click="toLook(scope.row)">查看</el-button>
            <el-button type="text" @click="toEdit(scope.row)">修改</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
  </div>
</template>

<script src="./building_list.js">

</script>

<style lang="scss" scoped>
</style>
